﻿@Code
    ViewBag.Title = "Historial de notas de los alumnos"
End Code
@Section SetSubMenuActive @Html.DefinirSubMenuSelected(48) End Section
@Section AppBarTitulo <div id="jerti-appbar"><h1>Historial de notas de los alumnos</h1></div> End Section
<div id="jerti-content" data-id-alumno="@ViewBag.IDAlumno">
    @Html.TituloFieldSet("Búsqueda de alumnos por nombre, apellido ó por su número de NIE")
    @Html.TableFields(""
        ).AddField("filtro-alumno", "",
            JFControlType.Autocomplete, "Buscar...", New JFOptionsFields().setSource(Url.Action("_autocomplete_find_alumno")).SetMinLengthToAutoComplete(1).SetMarcaDeAgua("Digite los nombres, apellidos o número de NIE del alumno que desea buscar...")
        )
</div>
@Html.LoadPartialViewAJAX("historial-notas", Url.Action("_get_historial_notas"), False)
<script type="text/javascript">
    $(function () {
        $('#filtro-alumno').on({
            renderItemAutoComplete: function (e, ul, item) {
                if (!item.IsNIE == true)    //Verificamos si debemos regresar en formato de NIE o nombre del alumno
                    return $("<li></li>")
                        .data("item.autocomplete", item)
                        .append('<a>' + item.Text + '<br><span class="secundary-text">NIE: <i>' + item.NIE + '</i> - ' + item.LastGrado + ' (' + item.UltimoAnio + ')</span></a>')
                        .appendTo(ul);
                else
                    return $("<li></li>")
                        .data("item.autocomplete", item)
                        .append('<a>' + item.Text + '<br><span class="secundary-text">' + item.Alumno + ' - ' + item.LastGrado + ' (' + item.UltimoAnio + ')</span></a>')
                        .appendTo(ul);
            },
            itemSelected: function (e, item) {
                $('#historial-notas').loadPartialView({
                    parametros: 'Alumno=' + item.Value
                });
            }
        });

        $('#j-ac-extend-filtro-alumno').focus();

        var id = $('#jerti-content').attr('data-id-alumno');
        if (id)
            $('#historial-notas').loadPartialView({
                parametros: 'Alumno=' + id
            });
            
    })
</script>